<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Andrew O'Connor's Stutter Web Application</title>
    <link type="text/css" rel="stylesheet" href="/stylesheets/bootstrap.min.css"/>
    <link type="text/css" rel="stylesheet" href="/stylesheets/main.css"/>
    <link type="text/css" rel="stylesheet" href="/stylesheets/avgrund.css"/>
</head>
<body>
    <aside id="modal" class="avgrund-popup">
        <div class="container-fluid">
            <div class="row">
                <div class="right-align">
                    <button class="close">&times;</button>
                </div>
            </div>
            <div class="row top-20">
                <p class="popup-content"></p>
            </div>
        </div>
    </aside>
    <div class="container avgrund-contents">
        <div class="row top-40">
            <div class="col-xs-12 text-center">
                <h1>Web Application Stutter Project</h1>
            </div>
        </div>
        <div class="row top-40">
            <form class="col-xs-offset-1 col-xs-10" id="stutter-form">
                <div class="form-group">
                    <label for="input-text" class="control-label">Input text</label>
                    <textarea type="text" class="form-control" id="input-text" name="input_text" placeholder="Enter your text here..." rows="10"></textarea>
                </div>
                <div class="form-group">
                    <button type="submit" class="btn btn-primary btn-lg">Submit</button>
                </div>
            </form>
        </div>
    </div>

    <div class="avgrund-cover"></div>
    <script src="/javascripts/jquery.min.js"></script>
    <script src="/javascripts/jquery.validate.min.js"></script>
    <script src="/javascripts/main.js"></script>
    <script src="/javascripts/avgrund.js"></script>
</body>
</html>
